<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>关于我们</title>
  <link rel="stylesheet" href="css/weui.css"/>
  <link rel="stylesheet" href="css/weuix.css"/>
  <link rel="stylesheet" href="css/style.css">


  <script src="js/common/zepto.min.js"></script>
  <script src="js/common/zepto.weui.js"></script>
  <script src="js/common/common.js"></script>
</head>
<body ontouchstart>

    <div class="weui-flex head-con">
        <div class="weui-flex__item weui-flex__item_left"><div class="placeholder"><a href="user.html"><span class="icon icon-109"></span></a></div></div>
        <div class="weui-flex__item"><div class="placeholder">关于我们</div></div>
        <div class="weui-flex__item weui-flex__item_right"><div class="placeholder"><a href="#"><span class="icon icon-40"></span></a></div></div>
    </div>

    <div style="height:48px;"></div>

    <div class="weui-content">
        <div class="weui-c-inner">
            <div class="weui-c-content">
                <h2 class="weui-c-title">Flutter是谷歌的移动UI框架，可以快速在iOS和Android上构建高质量的原生用户界面</h2>
                <div class="weui-c-meta">
                    <span class="weui-c-nickname"><a href="javascript:;">Yoby开发者</a></span>
                    <em class="weui-c-nickname">2018-10-10 10:10</em>
                </div>
                <div class="weui-c-article">
                    <p> Flutter是谷歌的移动UI框架 [4]  ，可以快速在iOS和Android上构建高质量的原生用户界面。 Flutter可以与现有的代码一起工作。在全世界，Flutter正在被越来越多的开发者和组织使用，并且Flutter是完全免费、开源的。它也是构建未来的Google Fuchsia [1]  应用的主要方式。</p>
                    <p><img src="../images/1.jpg"></p>
                <p>
                    Flutter组件采用现代响应式框架构建，这是从React中获得的灵感，中心思想是用组件(widget)构建你的UI。 组件描述了在给定其当前配置和状态时他们显示的样子。当组件状态改变，组件会重构它的描述(description)，Flutter会对比之前的描述， 以确定底层渲染树从当前状态转换到下一个状态所需要的最小更改。
                </p>
                    <p><img src="../images/2.jpg"></p>
                    <p>Flutter是谷歌的移动UI框架，可以快速在iOS和Android上构建高质量的原生用户界面。 Flutter可以与现有的代码一起工作。在全世界，Flutter正在被越来越多的开发者和组织使用，并且Flutter是完全免费、开源的。</p>

                </div>
            </div>
            <div class="weui-c-tools">
                <a href="javascript:;">阅读原文</a>
                <div class="weui-c-readnum">阅读<span id="readnum">10000+</span></div>
                <div class="weui-c-like">
                    <i class="icon"></i>
                    <span id="likenum">1000</span>
                </div>
            </div>
        </div>
    </div>

    <!-- 底部版权信息 -->
    <div class="weui-footer">
        <p class="weui-footer__links">
            <a href="javascript:void(0);" class="weui-footer__link">底部链接</a>
            <a href="javascript:void(0);" class="weui-footer__link">底部链接</a>
        </p>
        <p class="weui-footer__text">Copyright © 2008-2016</p>
    </div>

    <div style="height:55px;"></div>

    <!-- 导航 -->
    <div class="weui-tabbar weui-tabbar-flex">
        <a href="javascript:;" class="weui-tabbar__item">
            <i class="icon icon-27 f27 weui-tabbar__icon"></i>
            <p class="weui-tabbar__label">首页</p>
        </a>
        <a href="javascript:;" class="weui-tabbar__item weui-bar__item_on">
            <span style="display: inline-block;position: relative;">
                <i class="icon icon-28 f27 weui-tabbar__icon"></i>
                <span class="weui-badge" style="position: absolute;top: -2px;right: -13px;">8</span>
            </span>
            <p class="weui-tabbar__label">购物车</p>
        </a>
        <a href="javascript:;" class="weui-tabbar__item">
                <span style="display: inline-block;position: relative;">
                    <i class="icon icon-29 f27 weui-tabbar__icon"></i>
                    <span class="weui-badge weui-badge_dot" style="position: absolute;top: 0;right: -6px;"></span>
                </span>
            <p class="weui-tabbar__label">产品</p>
        </a>
        <a href="javascript:;" class="weui-tabbar__item ">
            <i class="icon icon-30 f27 weui-tabbar__icon" ></i>
            <p class="weui-tabbar__label">我的中心</p>
        </a>
    </div>

</body>
</html>